html {
    font-size: 100%;
    height: 100%;
    margin-bottom: 1px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    background: #f0f0f0 url('../images/bg-body.gif') top left repeat-y;
    font-size: 12px;
}

section, header, footer, aside, nav, article{
    display: block;
}

#wrapper {
     background: url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;
 }

/* Sidebar CSS */
#sidebar {
    width: 230px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #888;
    font-size: 11px;
}
#sidebar #sidebar-wrapper {
    margin: 0 0 0 9px;
}
#sidebar a, #sidebar a:active {
    color:#ccc;
}
#sidebar a:hover {
    color:#fff;
}
#sidebar #sidebar-title {
    margin: 40px 0 40px 15px;
}
#sidebar #logo {
    margin: 20px 0 0 0;
}
#sidebar #profile-links {
    padding: 0 15px 20px 15px;
    text-align: right;
    line-height: 1.5em;
}
#sidebar #main-nav {
    width: 206px;
    padding: 0;
    margin: 0 0 0 15px;
    font-family: Helvetica, Arial, sans-serif;
}

#sidebar #main-nav li {
    list-style: none;
    padding-bottom: 3px;
    text-align: right;
}

#sidebar #main-nav li a.nav-top-item {
    background: transparent url('../images/bg-menu-item-green.gif') right center no-repeat;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

#sidebar #main-nav li a.current {
    background-image: url('../images/bg-menu-item-current.gif') !important;
    color: #333;
    font-weight: bold;
}

#sidebar #main-nav li a.current:hover {
    color: #333;
}

#sidebar #main-nav ul {
    padding: 0;
    font-size: 12px;
    margin: 0;
}

#sidebar #main-nav ul li {
    list-style: none;
    margin: 0;
    text-align: right;
    padding: 0;
}

#sidebar #main-nav ul li.hidden {
    display: none;
}

#sidebar #main-nav ul li a {
    padding: 8px 15px;
    display: block;
    color: #aaa;
    font-size: 13px;
    line-height: 1.2em;
}

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
    color: #fff;
}

#sidebar #main-nav ul li a.current {
    background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
}

/* Main content CSS */
#main-content {
    margin: 0 30px 0 260px;
    padding: 40px 0 0 0;

}
#page-intro {
    font-size: 17px;
    padding: 0 0 20px 0;
}
#footer {
    border-top: 1px solid #ccc;
    margin: 40px 0 0 0;
    padding: 20px 0;
    font-size: 12px;
}

/* Content box */
.content-box {
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    background: #fff;
}
.content-box-body {
    border-top:1px solid #ccc;
}
.content-box-header {
    background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
    margin-top: 1px;
    height: 40px;
}
.content-box-content {
    padding: 20px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}
.content-box-header h3 {
    padding: 12px 15px 10px;
    float: left;
}
.content-box,.content-box-header{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.content-box-header {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Main content table CSS */
#main-content table {
    width: 100%;
    border-collapse: collapse;
}
#main-content .small-table{
    width: 50%;
}#main-content .medium-table{
    width: 80%;
}
#main-content table thead th {
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}
#main-content table thead th.left{
    text-align: left;
}
#main-content table thead th.right{
    text-align: right;
}
#main-content table thead th.w10{
    width: 10% !important;
}
#main-content table thead th.w15{
    width: 15% !important;
}
#main-content table thead th.w20{
    width: 20% !important;
}
#main-content table thead th.w30{
    width: 30% !important;
}
#main-content table thead th.w40{
    width: 40% !important;
}
#main-content tbody {
    border-bottom: 1px solid #ddd;
}
#main-content tbody td {
    vertical-align: middle;
}
#main-content tbody td.center {
    text-align: center;
}
#main-content tbody td.right {
    text-align: right;
}
#main-content tbody td.left {
    text-align: left;
}
#main-content tbody tr {
    background: #fff;
}

#main-content tbody tr.alt-row,.column-body.alt {
    background: #f3f3f3;
}

#main-content table td,
#main-content table th {
    padding: 10px;
    line-height: 1.3em;
}

#main-content table tfoot td .bulk-actions {
    padding: 15px 0 5px 0;
}

#main-content table tfoot td .bulk-actions select {
    padding: 4px;
    border: 1px solid #ccc;
}

/* Pagination CSS */
#main-content .pagination {
    text-align: right;
    padding: 20px 0 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.pagination a {
    margin: 0 5px 0 0;
    padding: 3px 6px;
}

.pagination a.number {
    border: 1px solid #ddd;
}

.pagination a.current {
    background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
    border-color: #459300 !important;
    color: #fff !important;
}

.pagination a.current:hover {
    text-decoration: underline;
}

/* Column body */
.column-body {
    padding: 0;
    border-bottom: 1px solid #ddd;
    clear: both;
    overflow: hidden;
}
.column-body .header {
    background: #eee;
    display: block;
    float: left;
    width: 100%;
}
.column-body .header h4 {
    color: inherit;
    color: #777;
    font-weight: 100;
    padding: 5px 10px;
}
.column-body.footer {
    display: block;
    height: 32px;
    text-align: right;
    padding: 5px;
    border-bottom: none;
}
.column-body .left {
    float: left;
    width: 50%;
    border-right: 1px solid #ddd;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}
.column-body .right {
    float: right;
    width: 49%;
}
.column-body .right dl {
    margin: 15px 10px 15px 0;
}
.column-body .right dt {
    margin: 5px 15px 5px 5px;
}
.column-body .right dd {
    margin: 5px 15px 5px 5px;
}
.column-body .left h4 {
    padding: 8px 0 4px 15px;
    margin: 0;
}
.column-body .left p {
    padding: 4px 15px 8px 15px;
    margin: 0;
}

/* Heading CSS */
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}
h1 {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 31px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -1000px;
}

h2 {
    font-size: 26px;
    padding: 0 0 10px 0;
}
h3 {
    font-size: 17px;
    padding: 0 0 10px 0;
}
h4 {
    font-size: 15px;
    padding: 0 0 5px 0;
}
h5 {
    font-size: 14px;
    padding: 0 0 5px 0;
}
h6 {
    font-size: 12px;
    padding: 0 0 5px 0;
}

/* Form CSS */

form label {
    display: block;
    padding: 10px 0 4px;
    font-weight: bold;
}
form .single-column{
    width: 100%;
    margin: 0px auto;
}
.single-column dl{
    display: block;
    padding: 4px 0 4px;
    line-height: 25px;
}
.single-column dd{
    display: block;
    text-align: left;
    padding: 1px 0px;
}
.single-column dt{
    float: left;
    width: 35%;
    font-weight: bold;
    text-align: right;
    margin-right: 20px;
    padding: 1px 0px;
}
.single-column dt:after{
    content: ":";
}
.single-column dl:last-child dt:after{
    visibility: hidden;
}
form p small {
    font-size: 0.75em;
    color: #777;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, form select:focus {
    background: white;
    color: black;
    -moz-box-shadow: 0px 0px 5px rgba(0, 148, 255, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px rgba(0, 148, 255, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px rgba(0, 148, 255, 0.7); /* Opera 10.5, IE9, Chrome 10+ */
    outline: none;
}
form input.error{
    border: 1px solid #ff0000;
}
input[type="text"].error, input[type="file"].error, input[type="password"].error, textarea.error {
    color: #bd2727;
    border-color: #e48181;
    background: #ffebeb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7e4e4), to(#ffebeb));
    background-image: -webkit-linear-gradient(top, #f7e4e4, #ffebeb);
    background-image: -moz-linear-gradient(top, #f7e4e4, #ffebeb);
    background-image: -ms-linear-gradient(top, #f7e4e4, #ffebeb);
    background-image: -o-linear-gradient(top, #f7e4e4, #ffebeb);
    background-image: linear-gradient(top, #f7e4e4, #ffebeb);
}
input[type="text"].error:focus, input[type="file"].error:focus, input[type="password"].error:focus,textarea.error:focus {
    background: white;
    -moz-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3); /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3); /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3); /* Opera 10.5, IE9, Chrome 10+ */
    outline: none;
}
form input.text-input, form select, form textarea, form .wysiwyg {
    padding: 6px;
    font-size: 13px;
    background: #fff url('../images/bg-form-field.gif') top left repeat-x;
    border: 1px solid #d5d5d5;
    color: #333;
}
form textarea{
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
}
form .small-input {
    width: 25% !important;
}
form .tiny-input{
    width: 5% !important;
}
form .medium-input {
    width: 50% !important;
}
form .large-input {
    width: 97.5% !important;
    font-size: 16px !important;
    padding: 8px !important;
}
form select {
    padding: 4px;
    background: #fff;
}
form input[type="checkbox"], form input[type="radio"] {
    padding: 0;
    background: none;
    border: 0;
}
.button, #main-content table tfoot td .bulk-actions select, .pagination a.number,
form input.text-input, form textarea, form .wysiwyg, form select{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Button CSS*/
.btn, input[type="button"].btn, input[type="submit"], input[type="reset"]{
    display: inline-block;
    padding: 6px 4px;
    margin: 0;
    font: normal normal bold 14px/14px Arial, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-decoration: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none; user-select: none;
}
.btn:hover {
    text-decoration: none;
}
.alt.btn, input[type="button"].alt.btn,input[type="submit"],input[type="reset"] {
    color: white;
    border: 1px solid #468000;
    background-color: #83b842;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721));
    background-image: -webkit-linear-gradient(top, #83b842, #629721);
    background-image: -moz-linear-gradient(top, #83b842, #629721);
    background-image: -ms-linear-gradient(top, #83b842, #629721);
    background-image: -o-linear-gradient(top, #83b842, #629721);
    background-image: linear-gradient(top, #83b842, #629721);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#83b842', EndColorStr='#629721');
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,.5);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,.5);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,.5);
    text-shadow: 0px -1px 0px #000;
}
.alt.btn:active, input[type="button"].alt:active,input[type="submit"]:active,input[type="reset"]:active {
    color: #f0f5ea; border: 1px solid #3a6209;
    background-color: #7aad3c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7aad3c), to(#619423));
    background-image: -webkit-linear-gradient(top, #7aad3c, #619423);
    background-image: -moz-linear-gradient(top, #7aad3c, #619423);
    background-image: -ms-linear-gradient(top, #7aad3c, #619423);
    background-image: -o-linear-gradient(top, #7aad3c, #619423);
    background-image: linear-gradient(top, #7aad3c, #619423);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7aad3c', EndColorStr='#619423');
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5);
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.6), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5);
    text-shadow: 0px -1px 0px black;
}

/* Notification CSS */
.notification {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.8%;
}
.attention {
    background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}
.information {
    background: #dbe3ff url('../images/icons/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}
.success {
    background: #d5ffce url('../images/icons/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}
.error {
    background: #ffcece url('../images/icons/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}
.notification div {
    display:block;
    font-style:normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}
.notification .close {
    color:#990000;
    font-size:9px;
    position:absolute;
    right:5px;
    top:5px;
}
.input-notification {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 22px;
    background-color: transparent;
    margin: 0 0 0 5px;
}

/* anchor css */
a {
    color: #57a000;
    text-decoration: none;
}
a:hover {
    color: #000;
}
a:active {
    color: #777;
}
a:focus {
    outline: 1px;
}

/* General CSS */
.clear {
    clear: both;
}
img.thumb{
    height: 64px;
    width: 64px;
}
.align-left {
    float: left;
}
.align-right {
    float: right;
}
.column-left {
    width: 48%;
    float: left;
}
.column-right {
    width: 48%;
    float: right;
}